* {
	margin: 0;
	padding: 0
}


a {
	text-decoration: none;

}

img {
	vertical-align: bottom
}

li {
	list-style: none;
}

/*导航 */
header {
	height: 56px;
	background: #000
}

/* 版心 */
.header {
	width: 1000px;
	height: 56px;
	margin: 0 auto;
	/* background: gray; */
	display: flex;
	justify-content: space-between;
	align-items: center
}

.logo {
	width: 98px;
	height: 46px;
	background: url(../img/icon.png);
	opacity: 0.7
}

.header-r {
	/* width: 400px; */
	height: 56px;
	/* background: green; */
	display: flex;
	align-items: center
}

.header-r li {
	font-size: 14px
}

.login {
	height: 56px;
	line-height: 56px;

}

.login>a,
.register>a {
	color: #ccc
}

.login>a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-right: 10px;

}

.login>a>img {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}

.header-r .logo {
	position: relative
}

.login_sub {
	width: 200px;
	height: 220px;
	background: #000;
	position: absolute;
	left: 700px;
	top: 56px;
	z-index: 99996;
	display: none;
}

.login:hover .login_sub {
	display: block;
}

.login_sub ul li {
	height: 44px;
}



.login_sub ul li:hover {
	background-color: #333;
}

.login_sub ul li:nth-of-type(1),
.login_sub ul li:nth-of-type(2),
.login_sub ul li:nth-of-type(3),
.login_sub ul li:nth-of-type(4) {
	padding-left: 10px;
	border-bottom: 1px solid #333;

}

.login_sub ul li:nth-of-type(1)>a>p,
.login_sub ul li:nth-of-type(2)>a>p,
.login_sub ul li:nth-of-type(3)>a>p,
.login_sub ul li:nth-of-type(4)>a>p {
	font-size: 12px;
}

.login_sub ul li>a {
	color: rgb(199, 197, 199);

}

.login_sub .tuichu p {
	text-align: center;
	line-height: 45px;
	font-size: 16px;
}



.cart>a,
.message>a,
.add_goods>a,
.agreement>a {
	color: #666
}

.line {
	color: #666;
	font-size: 10px
}


.register>a,
.cart>a,
.message>a,
.add_goods>a,
.agreement>a {
	padding: 16px;
	height: 56px;
	line-height: 56px
}

.login>a:hover,
.register>a:hover,
.cart>a:hover,
.message>a:hover,
.add_goods>a:hover,
.agreement>a:hover {
	color: #ccc;
}

.cart_subnav {
	width: 320px;
	/* height: 200px; */
	background: #2E353D;
	position: absolute;
	left: 0px;
	top: 55px;
	display: none
}

.cart {
	position: relative
}

.cart_subnav li {
	width: 310px;
	height: 60px;
	border-bottom: 2px solid #666;
	padding-left: 10px
}

.cart_subnav li:hover {
	background: #000
}

.cart_subnav img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px
}

.cart_subnav>div {
	display: flex;
	justify-content: center;
}

.cart_subnav .button {
	height: 40px;
	display: flex;
	justify-content: center;
	background-color: #96C8E0;
}

.cart_subnav .button>a {
	color: white;
	line-height: 40px;

}

.cart_subnav p {
	font-size: 12px;
	margin-top: 5px;
	display: flex;
	justify-content: space-between
}

.detail>span:last-child {
	color: #666;
	text-decoration: line-through;
}

.goods p:nth-child(2) {
	color: #666;
}

.goods p:nth-child(3) {
	color: #999;
}

.goods p:nth-child(4) {
	color: #999;
}

.cart_subnav button {
	width: 320px;
	height: 50px;
	background: #7DBFDE;
	color: white
}

.cart:hover .cart_subnav {
	display: block;
	z-index: 9999
}

.message_subnav {
	width: 190px;
	background: #292F34;
	position: absolute;
	left: -50px;
	top: 56px;
	padding: 10px;
	display: none
}

.message:hover .message_subnav {
	display: block;
	z-index: 9998
}

.message {
	position: relative;

}

.message_subnav>ul>li {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #444;
	margin-top: 2px;
	font-size: 16px
}

.message_subnav>ul>li>a,
.message_subnav>ul>li>p {
	color: #ccc
}

.message_subnav li:hover {
	background: #000
}

nav {
	width: 1000px;
	height: 45px;
	/* background: skyblue; */
	margin: 0 auto;
	border-bottom: 4px solid #EDEDED;
	display: flex
}

.nav {
	display: flex;
}

.nav>li {
	width: 120px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 14px;

}

.nav>li:nth-child(1) {
	text-align: start
}

.nav>li:nth-child(2) {
	width: 140px
}

.nav>li>a {
	color: #25292E
}

.nav>li:hover {
	border-bottom: 4px solid #000
}

/* .nav>li:nth-child(2) {
	border-bottom: 4px solid #000
} */



/* 搜索框 */
.search-content {
	width: 260px;
	display: flex;
	align-items: center;
	border-bottom: 4px solid #25292E;
	position: relative;
	top: 4px;
}


.search-content input {
	border: none;
	height: 24px;
	/* 去掉聚集的边框 */
	outline: none;
}

.search-content span {
	width: 43px;
	height: 38px;
	background: url(../img/icon.png) no-repeat -157px -147px;
}


.search_cotent:hover {

	border-bottom: 4px solid #25292E;

}

.shop {
	position: relative;
}

.shop:hover .shop_sub {
	display: block;
}

.shop_sub {
	width: 1000px;
	/* height: 200px; */
	background: white;
	position: absolute;
	left: -120px;
	top: 49px;
	float: right;
	display: none;
	z-index: 1000000;
}

.shob_sub_l {
	width: 620px;
	height: 400px;
	float: left;
	/* background: yellow; */
}

.shob_sub_r {
	width: 380px;
	height: 158px;
	background: blue;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 20px;
}

.shob_sub_l ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 40px;
	float: left
}

.shob_sub_l ul li {
	margin: 0px 50px 20px 0px;
}

.shob_sub_l ul img {
	width: 30px;
	height: 30px;
}

.shob_sub_r img {
	width: 380px;
	height: 348px
}

.shob_sub_r>p {
	color: #000;
}

.nav li:nth-child(3) {
	position: relative;
}

.zazhi {
	width: 1000px;
	height: 200px;
	background-color: white;
	position: absolute;
	left: -260px;
	top: 49px;
	display: none;
	z-index: 100000;
}

.nav li:nth-child(3):hover .zazhi {
	display: block;
}

.zazhi>div {
	display: flex;
	flex-wrap: wrap;
}

.zazhi>div>a {
	color: #25292E;
	font-size: 14px;
}

.zazhi>div>a>p {
	width: 100px;
	height: 50px;
	line-height: 50px;
}

.nav li:nth-child(4) {
	position: relative;
}

.fenxiang {
	width: 1000px;
	height: 150px;
	background-color: white;
	position: absolute;
	left: -380px;
	top: 49px;
	display: none;
	z-index: 100000;
}

.nav li:nth-child(4):hover .fenxiang {
	display: block;
}

.fenxiang>div {
	display: flex;
	flex-wrap: wrap;
}

.fenxiang>div>a {
	color: #25292E;
	font-size: 14px;
}

.fenxiang>div>a>p {
	width: 100px;
	height: 50px;
	line-height: 50px;
}


.left {
	width: 317px;
	height: 403px;
	/* background-color: aqua; */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}



.right {
	width: 317px;
	height: 403px;
	/* background-color: bisque; */
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

/* 底部 */
.server-content {
	height: 248px;
	background-color: #FBFDFE;
}

.bottom-server {
	width: 1000px;
	height: 248px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0px 80px 0px;
	margin-top: 50px;
}

.bottom-server>a {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
}

@keyframes serverhand {
	from {
		left: 0px;
	}

	to {
		left: -20px;
	}
}

.bottom-server span {
	width: 20px;
	height: 20px;
	font-size: 20px;
	color: #666;
	position: relative;
	top: 2px;
	left: -20px;
	animation: serverhand .5s linear infinite alternate;
}

.gloable {
	width: 1000px;
	height: 100px;
	/* border: 1px solid red; */
	margin-top: 8px;
	display: flex;
	justify-content: space-between;
}

.gloable li {
	width: 180px;
	height: 100px;
	/* border: 1px solid red; */
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gloable>li>p {
	width: 56px;
	height: 60px;
	background: url(../img/icon.png) no-repeat 0 -355px
}

.gloable_r {
	width: 120px;
	height: 100px;
	/* border: 1px solid green; */

}

.gloable_r>p:nth-child(1) {
	height: 30px;
	line-height: 30px;
	margin-top: 20px;
}

.gloable_r>p:nth-child(2) {
	color: #cccccc;
}

.back {
	/* 21 814 */
	width: 59px;
	height: 60px;
	background: url(../img/icon.png) no-repeat -21px -814px;
	position: fixed;
	right: 50px;
	bottom: 50px;
	z-index: 99999999;
	transition: 2;
}

.back:hover {
	opacity: 0.7;
}

.footer {
	height: 251px;
	background-color: #25292E;
	/* background-color: chocolate; */
	/* margin-top: 50px; */

}

.footer>ul>li>p {
	width: 25px;
	height: 48px;
	background: url(../img/icon.png) no-repeat -176px 0px;
}

.lll {
	width: 120px;
	height: 48px;
	/* border: 1px solid blue; */
}

.lll>p {
	text-align: center;
	color: #333;
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}

.footer>ul {
	width: 1000px;
	height: 100px;
	/* border: 1px solid red; */
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;

}

.footer>ul>li {
	display: flex;
	height: 48px;
	padding-top: 30px;
	/* border: 1px solid yellow; */
}

.rrr {
	display: flex;
	text-align: center;
	align-items: center;
	width: 100px;
	justify-content: space-between;
	position: relative;
}

.avtar_top {
	width: 146px;
	height: 146px;
	background-color: #7DBFDE;
	position: absolute;
	left: 0;
	top: 200px
}

.rrr>p {
	width: 25px;
	height: 24px;
	line-height: 24px;
}


.rrr>p:nth-child(1) {
	background: url(../img/icon.png) no-repeat -100px 0px;
}

.rrr>p:nth-child(2) {
	background: url(../img/icon.png) no-repeat -125px 0px;
}

.rrr>p:nth-child(3) {
	background: url(../img/icon.png) no-repeat -150px 0px;
}

.rrr>p:nth-child(1):hover {
	background: url(../img/icon.png) no-repeat -100px -25px;
}

.rrr>p:nth-child(2):hover {
	background: url(../img/icon.png) no-repeat -125px -25px;
}

.rrr>p:nth-child(3):hover {
	background: url(../img/icon.png) no-repeat -150px -25px;
}

/*  */
.footer>ul>li:hover>.lll .sub {
	display: block;
}

.lll>p:hover {
	color: #999;
}

.sub {
	width: 220px;
	height: 140px;
	background-color: white;
	left: 0;
	top: -140px;
	display: none;
	position: absolute;
	justify-content: space-evenly;

}

.sub>div:nth-child(1)>p:nth-child(1) {
	width: 96px;
	height: 96px;
	background: url(../img/icon.png) no-repeat 0 -46px;
}

.sub>div:nth-child(1)>p:nth-child(2) {
	width: 96px;
	height: 96px;
	background: url(../img/icon.png) no-repeat -100px -46px;
}

.sub>div {
	width: 200px;
	height: 86px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	padding: 10px 0 0 10px
}

.shouji {
	float: left;
	width: 110px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;

}

.kehu {
	float: right;
	width: 110px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
}

.footer_bottom {
	width: 1000px;
	margin: 0 auto;
	height: 151px;
	/* background-color: #7DBFDE; */
}

.footer_nav {
	width: 800px;
	display: flex;
	justify-content: space-between;
}

.footer_nav>li>a {
	color: #666;
	font-size: 14px;
}

.footer_nav>li:hover a {
	color: #999;
}

.line_l {
	color: #666;
}

.footer_bottom>.footer_p>p {
	color: #666;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
}

.more {
	color: black
}